/*   
Theme Name: transcript
Version: 2.0
Theme URI: http://www.gabfirethemes.com/
Description: Designed by <a href="http://www.gabfirethemes.com">Gabfire Themes</a> | <a href="http://www.gabfirethemes.com/category/themes/"> See All Themes</a> 
Author: Gabfire Themes
Author URI: http://www.gabfirethemes.com
Tags: Gabfire Themes, Newspaper, News, Magazine
*/

/*
	This file contains main CSS structure of theme. Do not change anything below
	unless it is necessary or you are aware of what you are doing
	
	To customize theme rename custom.dist.css to custom.css, copy css code
	from this file into custom.css and edit it.
*/

/* Reset */
html {margin:0;padding:0;border:0;}
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
article, aside, dialog, figure, footer, header, hgroup, nav, section {display:block;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;float:none !important;}
table, th, td {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:'';}
blockquote, q {quotes:"" "";}
a img {border:none;}
:focus {outline:0;}
ol, ul {list-style:none;}
li {line-height:120%;}
dt { font-weight: bold; text-decoration: underline; } dd { margin: 0; padding: 0 0 0.5em 0; }

/*----- ={ Headings } -----*/
h1 a, h2 a ,h3 a, h4 a, h5 a, h6 a { text-decoration: none; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover  {text-decoration: none;}

h1, h2, h3, h4, h5, h6 {margin:0;line-height:1;}
h1 { font-size:30px; }
h2 { font-size:23px; }
h3 { font-size:20px; }
h4 { font-size:16px; }
h5 { font-size:14px; }
h6 { font-size:12px; }

/*----- [[ Theme Table ]] -----*/
.theme-table {width: 100%;}
	.theme-table caption {	color: #222;font-size: 14px;font-weight: bold;padding-bottom: 4px;text-align: left;}
	.theme-table thead {font-size: 12px;}
	.theme-table thead th {text-align:center;background:#ddd;border: 1px solid #fff;padding: 3px 0 2px;}
	.theme-table tbody {color: #888;}
	.theme-table tbody td {background: #f5f5f5;border: 1px solid #fff;padding: 3px 0 2px;text-align: center;}
	.theme-table tbody .pad {background: none;}

/* -------------------------------------------------------------- 
	NAVIGATION
	Navigation is a two part code. 
	- The structure/bone (which is coded below in this file)
	- The appeareance (appeareance, which can be found an edited in styles/active style file)
-------------------------------------------------------------- */
/* =Navigation. The navigation can be considered in two parts. The first part is the 
-------------------------------------------------------------- */
	.dropdown a  	{ position:relative; display:block; z-index:100;}
	.dropdown li li.current_page_item,
	.dropdown li li.current-cat { background:none; }
	.dropdown li  {width: auto;list-style:none; }
	.dropdown li a.sf-with-ul 	{ padding-right:20px;}
	.dropdown li ul li a 	{ }
	.dropdown a, .dropdown  li.current-cat-parent a, .dropdown li.current-cat a, .dropdown li.current_page_item, .dropdown li.current_page_parent, .dropdown li.current-menu-ancestor, .dropdown li.current-menu-item, .dropdown li.sfHover { }
	/* =Drop-down menus  */
	.dropdown li ul  { position: absolute; left: -999em; z-index:99999; }
	.dropdown li:hover,.dropdown li.hover  { position:static; }
	.dropdown li:hover ul ul, .dropdown li.sfhover ul ul,.dropdown li:hover ul ul ul ul, .dropdown li.sfhover ul ul ul ul,.dropdown li:hover ul ul ul ul ul, .dropdown li.sfhover ul ul u ull ul { left:-999em; }
	.dropdown li:hover ul, .dropdown li.sfhover ul,.dropdown li li:hover ul, .dropdown li li.sfhover ul,.dropdown li li li:hover ul, .dropdown li li li.sfhover ul,.dropdown li li li li:hover ul, .dropdown li li li li.sfhover ul,.dropdown li li li li li:hover ul, .dropdown li li li li li.sfhover ul  { left:auto; }

/* -------------------------------------------------------------- 
	THEME WIDGETS
-------------------------------------------------------------- */
/*----- [[ Global Widgets ]] -----*/
.widget {margin:0 0 25px;}
	.widget .widget {width:auto !important;margin:0 !important}
	.widgettitle {margin:0;padding:0 0 10px;font: bold 14px Arial,Helvetica,sans-serif;color:#555;}
	.widget p{margin-bottom:10px;}
	.widget ul {clear:both;padding-left:5px;list-style-position:inside;list-style-type:disc;}
	.widget ul li {border-bottom:1px dotted #ddd;padding-bottom:8px;margin-bottom:7px;}
	.widget ul ul {padding:0 0 0 15px;border-top:none}
	.widget select {border:1px solid #ddd;}
	.widget form, .widget fieldset {margin:0;}
	.widget img {display:block;}
	.widgetname {display:block;padding:10px;background:#333;color:#fff;text-transform:uppercase;margin:10px 0;text-align:center;font-weight:bold;}

/*----- [[ Tag Cloud Widget ]] -----*/
#wp_tag_cloud div {line-height: 1.6em;}

/*----- [[ Archive Widget ]] -----*/
.arc-dropdown {margin-bottom:7px;}
.arc-dropdown select {width:98%;margin:0 0 5px;padding:2px;color:#444}
.archive_span {display:block;margin-bottom:3px;}
.google {width:95%;padding:3px 5px;margin-bottom:0;border:1px solid #ddd;}

/*----- [[ Calendar Widget ]] -----*/
#wp-calendar {width: 100%;}
	#wp-calendar caption {	color: #222;font-size: 14px;font-weight: bold;padding-bottom: 4px;text-align: left;}
	#wp-calendar thead {font-size: 11px;}
	#wp-calendar thead th {text-align:center;}
	#wp-calendar tbody {color: #aaa;}
	#wp-calendar tbody td {background: #f5f5f5;border: 1px solid #fff;padding: 3px 0 2px;text-align: center;}
	#wp-calendar tbody .pad {background: none;}
	#wp-calendar tfoot #next {text-align: right;}

/*----- [[ Gabfire Tabs ]] -----*/
.panes div {padding:15px 10px;border:1px solid #999;background-color:#fff;border-top:0;}
.panes div div{padding:0;border:none;}
.panes .pane, .panes .widgettitle {display:none;}
.panes li span.block {display:block;font-size:11px;}
.panes li {list-style:disc outside;margin-left:10px;}

/* root element for tabs  */
.tabs {list-style:none;margin:0 !important;padding:0 0 0 5px !important;height:33px;border-bottom:1px solid #666;font-size:12px;}
/* single tab */
.tabs li {float:left;text-indent:0;padding:0 !important;margin:0 !important;list-style:none !important;border:0 !important;background:none !important;}
/* link inside the tab. uses a background image */
.tabs a { background: url(../img/../img/tabs.png) no-repeat 0 0;display:block;height: 31px;  
	line-height:31px;width: 96px;text-align:center;	text-decoration:none;color:#000;padding:2px 0 0 0;margin:0px;position:relative;top:1px;}
.tabs a:active {outline:none;}
/* when mouse enters the tab move the background image */
.tabs a:hover {background-position: 0 -34px;color:#fff !important;text-decoration:none !important;}
/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
.tabs .current, .tabs .current:hover, .tabs li.current a {background-position: 0 -68px;cursor:default !important; color:#000 !important;}
/* initially all panes are hidden */ 

/*----- [[ Search Widget ]] -----*/
form.gab_search_style1{margin:0;padding:0;border:none;}
	form.gab_search_style1 fieldset {padding:0;}
	form.gab_search_style1 .text {margin:0;border:none;}
	form.gab_search_style1 .submit_style1 {float:right;padding:5px 5px 0 0;display:inline;}
	
form.gab_search_style2 fieldset{margin:0;padding:0;border:none;}
	form.gab_search_style2 p {margin:0}
	form.gab_search_style2 .text{float:right;padding:0;background:none;border:0;width:230px;margin:7px 40px 0 0;color:#7c7a7a;font:14px arial, verdana, sans-serif;}
	form.gab_search_style2 .submit_style2{float:left;padding:0;background:none;border:0;width:30px;cursor:pointer;height:30px;}	
		
/*----- [[ RSS Widget ]] -----*/
.widget_rss a.rsswidget {color: #000;}
	.widget_rss a.rsswidget:hover {color: #ff4b33;}
	.widget_rss .widget-title img {width: 11px;height: 11px;}	
	
/*----- [[ Feedburner Widget ]] -----*/
.feedburner_widget {	}
	.feedburner_widget fieldset {border:1px solid #ddd;padding:0;}
	.feedburner_widget .text {margin:0;border:none;}
	.feedburner_widget .feedburner_submit {float:right;padding:5px 7px 0 0;display:inline;}
	
/*----- [[ About Widget ]] -----*/
.widget_avatar {float:left;margin:4px 10px 0 0;padding:2px;}
	.widget_avatar img {display:block;}
	.about_more {display:block;text-align:right;}

/*----- [[ Twitter Widget ]] -----*/
.twitter_link {display:block;text-align:right;}

/*----- [[ Flickr Widget ]] -----*/
.flickr_widget img{float:left;margin:9px;padding:2px;border:1px solid #ddd;background:#fff;display:inline;}

/*----- [[ Socilaize Widget ]] -----*/
.gab_social_widget img{float:left;margin:3px;display:inline;opacity:0.7;filter:alpha(opacity=70)}
.gab_social_widget img:hover{opacity:1;filter:alpha(opacity=100)}

/*----- [[ Share Widget ]] -----*/
.gab_share_widget {padding-bottom:5px;margin-bottom:5px;display:block;}
	.gab_share_twitter {display:block;float:left;width:110px;overflow:hidden;}
	.gab_share_google1 {display:block;float:left;width:75px;overflow:hidden;}
	.share-separator {clear:both;height:10px;}
	.gab_share_widget a img {display:block;margin:2px 4px 0 0;float:left;}

/*----- [[ universal image classes ]] -----*/
	.entry img {max-width: 960px;}
	.alignleft,#content img.alignleft {display: inline;float: left;margin-right: 15px;margin-top: 5px;}
	.alignright,#content img.alignright {display: inline;float: right;margin-left: 15px;margin-top: 6px;}
	.aligncenter,#content img.aligncenter {clear: both;display: block;margin-left: auto;margin-right: auto;margin-bottom:7px;}
	img.alignleft,#content img.alignright,#content img.aligncenter {margin-bottom: 8px;}
	.wp-caption {background: #f1f1f1;line-height: 18px;margin-bottom: 20px;padding: 4px;text-align: center;}
	.wp-caption img {margin: 5px 5px 0;}
	.wp-caption p.wp-caption-text {color: #888;font-size: 12px;margin: 5px;}
	.wp-smiley {margin: 0;}
	.gallery {margin: 0 auto 18px;}
	.gallery .gallery-item {float: left;margin-top: 0;text-align: center;width: 33%;}
	.gallery img {border: 2px solid #cfcfcf;}
	.gallery .gallery-caption {color: #888;font-size: 12px;margin: 0 0 12px;}
	.gallery dl {margin: 0;}
	.gallery img {border: 10px solid #f1f1f1;}
	.gallery br+br {display: none;}
	.attachment img { /* single attachment images should be centered */display: block;margin: 0 auto;}

/*----- [[ Gallery ]] -----*/
.post .gallery {padding-bottom:15px;display:block;}
			
/*----- [[ innerpage slider ]] -----*/
#gab_slides {margin-bottom:15px;}
	#gab_slides .slides_container {height:auto;overflow:hidden;margin-bottom:10px;}
	#gab_slides .slides_container img {padding:2px;border:1px solid #ddd;}	
		
	#gab_slides .next {width:9px;height:11px;display:block;float:right;border:0 !important;}
	#gab_slides .prev {width:9px;height:11px;display:block;float:left;border:0 !important}
	#gab_slides .pagination {float:left;width:140px;height:12px;margin:-10px 0 0 200px;}
	#gab_slides .pagination li {float:left;margin:0 1px;list-style-type: none !important;}
	#gab_slides .pagination li a {display:block;width:12px;height:0;padding-top:12px;background-image:url(../img/../img/pagination.png);background-position:0 0;float:left;overflow:hidden;}
	#gab_slides .pagination li.current a {background-position:0 -12px;}				
	
/* --------------------------------------------------------------
   FORMS
   * default styling for forms
   * Extra classes to enhance forms
   Usage:
   * For text fields, use class .title or .text
   * For inline forms, use .inline (even when using columns)
-------------------------------------------------------------- */
/* 
	A special hack is included for IE8 since it does not apply padding 
	correctly on fieldsets
 */ 
label {font-weight:bold;cursor:pointer;}
fieldset {padding:0 14px 14px 14px;margin:0 0 15px 0;border:1px solid #aaa;}
legend {font-weight:bold;font-size:1.2em;margin-top:-2px;margin-bottom:10px;}
fieldset, #IE8#HACK {padding-top:14px;}
legend, #IE8#HACK {margin-top:0;margin-bottom:0;}

/* Input Fields */
input.span-1, textarea.span-1,input.span-2, textarea.span-2,input.span-3, textarea.span-3 {border-left-width:1px;border-right-width:1px;padding-left:5px;padding-right:5px;}
input.span-1, textarea.span-1 {width:218px;}
input.span-2, textarea.span-2 {width:258px;}
input.span-3, textarea.span-3 {width:458px;}

/* 
  Attribute selectors are used to differentiate the different types 
  of input elements, but to support old browsers, you will have to 
  add classes for each one. ".title" simply creates a large text  
  field, this is purely for looks.
 */
input[type=text], input[type=password], input.text, input.title, textarea {background-color:#fff;border:1px solid #bbb;}
input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus {border-color:#666;}
select {background-color:#fff;border-width:1px;border-style:solid;}
input[type=text], input[type=password], input.text, input.title, textarea, select {margin:0.5em 0;}
input.text, input.title {padding:5px;}
input.title {font-size:15px;}
textarea {padding:5px;height:200px;}
form.inline {line-height:3;}
form.inline p {margin-bottom:0;}

/*----- [[ Success, info, notice and error/alert boxes and other mis classes ]] -----*/
.error, .alert, 
.notice, .success, 
.info 		{ padding:0.8em !important;margin-bottom:1em;border:2px solid #ddd; }
.error, 
.alert 		{ background:#fbe3e4;color:#8a1f11;border-color:#fbc2c4; }
.notice 		{ background:#fff6bf;color:#514721;border-color:#ffd324; }
.success	{ background:#e6efc2;color:#264409;border-color:#c6d880; }
.info 		{ background:#d5edf8;color:#205791;border-color:#92cae4; }
.error a, 
.alert a 	{ color:#8a1f11;text-decoration:underline; }
.notice a	{ color:#514721;text-decoration:underline; }
.success a	{ color:#264409;text-decoration:underline; }
.info a 		{ color:#205791;text-decoration:underline; }

/* Border right with more whitespace */
.border_right_13 { padding-right: 6px; margin-right: 6px;border-right: 1px solid #ddd;}
.border_right_15 { padding-right: 7px; margin-right: 7px;border-right: 1px solid #ddd;}
.border_right_20 { padding-right: 10px; margin-right: 9px;border-right: 1px solid #ddd;}
.border_right_30 { padding-right: 15px; margin-right: 14px;border-right: 1px solid #ddd;}
.border_right_40 { padding-right: 20px; margin-right: 19px;border-right: 1px solid #ddd;}
/* Border left with more whitespace */
.border_left_15 { padding-left: 7px; margin-left: 7px;border-left: 1px solid #ddd;}
.border_left_20 { padding-left: 10px; margin-left: 9px;border-left: 1px solid #ddd;}
.border_left_30 { padding-left: 15px; margin-left: 14px;border-left: 1px solid #ddd;}
.border_left_40 { padding-left: 20px; margin-left: 19px;border-left: 1px solid #ddd;}
/* Border bottom with more whitespace */
.border_bottom_15 {padding-bottom:7px;margin-bottom:7px;border-bottom:1px solid #ddd;}
.border_bottom_20 {padding-bottom:10px;margin-bottom:9px;border-bottom:1px solid #ddd;}
.border_bottom_30 {padding-bottom:15px;margin-bottom:14px;border-bottom:1px solid #ddd;}
.border_bottom_40 {padding-bottom:20px;margin-bottom:19px;border-bottom:1px solid #ddd;}

/* Use a .box to create a padded box inside a column.  */
.box {padding:15px;margin-bottom:15px;background:#e5eCf9;}

/* Misc Classes */
.small_h	{ font-size: 18px; }
.small_text	{ font-size: 11px; }
.hide		{ display: none; }

.quiet		{ color: #666; }
.loud		{ color: #000; }
.highlight  	{ background:#ff0; }
.added		{ background:#060; color: #fff; }
.removed    	{ background:#900; color: #fff; }
.text-right	{ display:block;text-align:right;}

.first		{ margin-left:0; padding-left:0; }
.last	 	{ margin-right:0 !important; border:0 !important}
.top	  	{ margin-top:0; padding-top:0; }
.lastpost	 {border-bottom:none!important;padding-bottom:0 !important;margin-bottom:0!important;}

.left  		{ float: left !important; }
p .left		{ margin: 1.5em 1.5em 1.5em 0; padding: 0; }
.right 		{ float: right !important; }
p .right 	{ margin: 1.5em 0 1.5em 1.5em; padding: 0; }

.thumb 		{ padding:2px;border:1px solid #ddd;margin-bottom:5px;display:block;height:1%;overflow:hidden; }

.clear {clear:both;height:1px;display:block;}

/* -------------------------------------------------------------- 
   BUTTONS
   Created by Kevin Hale [particletree.com]
   * particletree.com/features/rediscovering-the-button-element
-------------------------------------------------------------- */
a.button, button{ display:block;  float:left;  margin:0.7em 0.5em 0.7em 0;  padding:5px 10px 5px 7px;  /* Links */  border:1px solid #dedede;  border-top:1px solid #eee;  border-left:1px solid #eee;  background-color:#f5f5f5;  font-family:"Lucida Grande",Tahoma,Arial,Verdana,sans-serif;  font-size:100%;  line-height:130%;  text-decoration:none; color:#565656;  cursor:pointer}
button{ width:auto;  overflow:visible;  padding:4px 10px 3px 7px;  /* IE6 */}
button[type]{ padding:4px 10px 4px 7px;  /* Firefox */ line-height:17px;  /* Safari */}
*:first-child+html button[type]{ padding:4px 10px 3px 7px;  /* IE7 */}
button img, a.button img{ margin:0 3px -3px 0 !important;  padding:0;  border:none;  width:16px;  height:16px;  float:none}

/* Button colors
-------------------------------------------------------------- */
/* Standard */
button:hover, 
	a.button:hover	{ background-color:#dff4ff;  border:1px solid #c2e1ef;  color:#369}
	a.button:active	{ background-color:#6299c5;  border:1px solid #6299c5;  color:#fff}

a.gab_button {font:bold 14px/22px arial, sans-serif !important;text-shadow:none;display:block;text-align:center;padding-top:11px;height:34px;width:200px;text-decoration: none;margin:15px 10px}		
	a.button-green {background: url(../img/../img/button-generic.png) no-repeat 0 0;color: #fff;}
	a.button-green:active,a.button-green:hover {background: url(../img/../img/button-generic.png) no-repeat 0 0;text-decoration:none;}
	a.button-red {background:  url(../img/../img/button-generic.png) no-repeat 0 -45px;color: #fff;}
	a.button-red:active,a.button-red:hover {background: url(../img/../img/button-generic.png) no-repeat 0 -45px;text-decoration:none;}
	a.button-gray {background:  url(../img/../img/button-generic.png) no-repeat 0 -90px;color:#444 !important;}
	a.button-gray:active,a.button-gray:hover {background: url(../img/../img/button-generic.png) no-repeat 0 -90px;text-decoration:none;}

/* Positive */
body .positive { color:#529214}
	a.positive:hover, 
	button.positive:hover { background-color:#E6EFC2;  border:1px solid #C6D880;  color:#529214}
	a.positive:active { background-color:#529214;  border:1px solid #529214;  color:#fff}

/* Negative */
body .negative { color:#d12f19}
	a.negative:hover, 
	button.negative:hover { background-color:#fbe3e4;  border:1px solid #fbc2c4;  color:#d12f19}
	a.negative:active { background-color:#d12f19;  border:1px solid #d12f19;  color:#fff}
	
/* jQuery Tools Overlay */
.apple_overlay {/* initially overlay is hidden */display:none;background:#fff;padding:10px 10px 7px;width:640px;background-image:url(../img/../img/white.png);}
.overlay_trigger img {cursor:pointer;}
.apple_overlay .close {background-image:url(../img/../img/close.png);position:absolute; right:-15px; top:-15px;cursor:pointer;height:35px;width:35px;}
.apple_overlay {color:#444;
	-webkit-border-radius: 7px;-moz-border-radius:7px;border-radius: 7px;
	-webkit-box-shadow: 0px 4px 5px #555;-moz-box-shadow: 0px 4px 5px #555;box-shadow: 0px 4px 5px #555;}

/* black version of the overlay. simply uses a different background image */
.apple_overlay.black {padding:35px;width:640px;background:url(../img/../img/black.png);color:#fff;-webkit-border-radius:0px;-moz-border-radius:0px;border-radius: 0px;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;}
.apple_overlay.black .close {right:10px; top:10px;}

/* black version of the overlay. simply uses a different background image */
.apple_overlay.black_s {padding:35px;width:400px;background:url(../img/../img/black_s.png);color:#fff;-webkit-border-radius:0px;-moz-border-radius:0px;border-radius: 0px;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;}
.apple_overlay.black_s .close {right:0px; top:0px;}